<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <title>首页</title>
</head>

<body>
    <div class="cont">
        <!-- 手机状态栏 -->
        <div class="box ztl flex_bet">
            <div class="leftBox flex_ali">
                <img src="./images/5dian_03.gif" alt="">
                <span>BELL</span>
                <img src="./images/wifi_05.gif" alt="">
            </div>
            <div class="contBox flex_ali">4:21 PM</div>
            <div class="rightBox flex_ali">
                <img src="./images/lanya_03.gif" alt="">
                <span>100%</span>
                <img src="./images/dianchi_03.gif" alt="">
            </div>
        </div>
        <!-- 首页 -->
        <div class="box sy flex_cent">
            <h1>首页</h1>
        </div>
        <!-- 天天Ok -->
        <div class="box ttok">
        </div>
        <!-- 宫格 -->
        <div class="box grid">
            <ul class="flex_ali">
                <li>
                    <div><img src="./images/mianfei_03.gif" alt=""></div>
                    <span>免费体验</span>
                </li>
                <li>
                    <div><img src="./images/tiantian_03.gif" alt=""></div>
                    <span>天天OK</span>
                </li>
                <li>
                    <div><img src="./images/yueyue_03.gif" alt=""></div>
                    <span>月月OK</span>
                </li>
                <li>
                    <div><img src="./images/shipan_03.gif" alt=""></div>
                    <span>实盘大赛</span>
                </li>
                <li>
                    <div><img src="./images/ok_03.gif" alt=""></div>
                    <span>OK宝</span>
                </li>
                <li>
                    <div><img src="./images/jiaoyi_03.gif" alt=""></div>
                    <span>交易中心</span>
                </li>
                <li>
                    <div><img src="./images/chongzhi_03.gif" alt=""></div>
                    <span>立即充值</span>
                </li>
                <li>
                    <div><img src="./images/gengduo_03.gif" alt=""></div>
                    <span>更多</span>
                </li>
            </ul>
        </div>
        <!-- 股票 -->
        <div class="box gp">
            <div class="title flex_cent">
                股票投资
                <div></div>
                借款12万
            </div>
            <div class="nhsy">
                <span>10.80%</span>
                <span>年华收益</span>
            </div>
            <div class="ywc">
                <div class="wcheng">已完成 ：<span>78.80%</span></div>
                <div class="shuhao">|</div>
                <div class="syu">剩余 ：<span>94000</span> 元</div>
            </div>
            <div class="buttonBox flex_cent"> <button class="toubiao">立即投标</button></div>
            <div class="num flex_cent">
                <span>已有9人投资</span>
            </div>
        </div>
        <!-- 底部标签栏 -->
        <div class="box footer">
            <ul>
                <li><img src="./images/shouye_03.gif" alt=""><p>首页</p></li>
                <li><img src="./images/hangqing_03.gif" alt=""><p>行情</p></li>
                <li><img src="./images/zixun_03.gif" alt=""><p>资讯</p></li>
                <li><img src="./images/geren_03.gif" alt=""><p>个人</p></li>
            </ul>
        </div>
    </div>
</body>

</html>